<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>成都市龙泉驿区北泉路社区社区医院医生管理系统</title>
  <link rel="stylesheet" href="./../bootstrap4/dist/css/bootstrap.css">
  <link rel="stylesheet" href="./../font-awesome/css/font-awesome.css">
  <link rel="stylesheet" href="./../css/index.css">
  <link rel="stylesheet" href="./../css/header.css">
  <link rel="stylesheet" href="./../css/menu.css">

</head>

<body>
  <div class="container-fluid box-height">
    <div class="row header-h  border-light d-flex align-content-center shadow-lg bg-header">
      <div class="col-sm-4 col-lg-2 text-light">
        <i class="fa fa-user text-success size-24"></i>
        <span id="usernickname" class="mx-2">wqw</span>，欢迎您。
      </div>
      <div class="col-sm-7 col-lg-7 text-center">
        <span class="text-success font-weight-bold size-20">成都市龙泉驿区北泉路社区社区医院家庭医生签约服务平台</span>
      </div>
      <div class="col-sm-3 col-lg-3 text-right">
        <a type="button" class="btn btn-link text-light" href="./user_info.html">
          <i class="fa fa-user-circle-o text-primary"></i>
          <span>账户设置</span>
        </a>
        <button type="button" class="btn btn-link text-light" id="exitSystem">
          <i class="fa fa-sign-out text-warning"></i>
          <span>退出系统</span>
        </button>
      </div>
    </div>
    <div class="row menu-height">
      <div class="col-lg-2 px-0">
        <ul class="menu box-height bg-menu">
          <li>
            <div class="px-4 bg-menu">
              <a href="./main.html" class="btn-link">
                <i class="fa fa-tachometer pr-2"></i>
                <span>工作台</span></a>
            </div>
          </li>
          <li>
            <div class="px-4">
              <span>
                <i class="fa fa-cogs pr-2"></i>
                <span>权限管理</span>
              </span>
              <i class="fa fa-angle-down"></i>
            </div>
            <div class="text-center">
              <a href="./accesslist.html" class="btn-link">权限管理</a>
            </div>
            <div class="text-center">
              <a href="./rolelist.html" class="btn-link">角色管理</a>
            </div>
            <div class="text-center">
              <a href="./userlist.html" class="btn-link">用户管理</a>
            </div>
          </li>
          <li>
            <div class="px-4">
              <span>
                <i class="fa fa-object-group pr-2"></i>
                <span>医生团队管理</span>
              </span>
              <i class="fa fa-angle-down"></i>
            </div>
            <div class="text-center">
              <a href="./doctor_team_management.html" class="btn-link">家庭医生团队管理</a>
            </div>
            <div class="text-center">
              <a href="./doctors_management.html" class="btn-link">家庭医生管理</a>
            </div>
            <div class="text-center">
              <a href="./doctors_job.html" class="btn-link">医生职称管理</a>
            </div>
          </li>

          <li>
            <div class="px-4">
              <span>
                <i class="fa fa-table pr-2"></i>
                <span>签约管理</span>
              </span>
              <i class="fa fa-angle-down"></i>
            </div>
            <div class="text-center">
              <a href="./serivce_pack.html" class="btn-link">健康服务包管理</a>
            </div>
            <div class="text-center">
              <a href="./person_types.html" class="btn-link">居民类别管理</a>
            </div>
            <div class="text-center">
              <a href="./contract_management.html" class="btn-link">签约居民列表</a>
            </div>
          </li>
          <li>
            <div class="px-4">
              <span>
                <i class="fa fa-database pr-2"></i>
                <span>统计分析</span>
              </span>
              <i class="fa fa-angle-down"></i>
            </div>
            <div class="text-center">
              <a href="./statistic_table.html" class="btn-link">统计表</a>
            </div>
            <div class="text-center">
              <a href="./statistic_charts.html" class="btn-link">统计图</a>
            </div>
          </li>
        </ul>
      </div>
      <div class="col-lg-10 bg-white">
        <!-- 面包屑导航 -->
        <div class="row bg-light">
          <div class="col px-0">
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item"><a href="" class="text-success">工作台</a></li>
                <li class="breadcrumb-item active" aria-current="page">工作台</li>
              </ol>
            </nav>
          </div>
        </div>
        <!-- 一般数据统计展示 style="background-color: #F4F7FA;"-->
        <div class="row d-flex justify-content-around  px-2 py-4 bg-light">
          <div class="m-3 col  p-3 text-center current-tag ">
            <i class="fa fa-area-chart  fa-2x  bg-danger text-white"></i>
            <h6 class="text-muted mt-3">今日签约数据</h6>
            <p class="fa-2x font">12</p>
          </div>
          <div class="m-3 col  rounded p-3 text-center current-tag">
            <i class="fa fa-bar-chart  fa-2x  bg-info text-white"></i>
            <h6 class="text-muted mt-3">本月签约数据</h6>
            <p class="fa-2x">12</p>
          </div>
          <div class="m-3 col rounded p-3 text-center current-tag">
            <i class="fa fa-line-chart  fa-2x  bg-secondary text-white"></i>
            <h6 class="mt-3 text-muted">本季度签约数据</h6>
            <p class="fa-2x ">12</p>
          </div>
          <div class="m-3 col  rounded p-3 text-center current-tag">
            <i class="fa fa-steam-square fa-2x  bg-success text-white"></i>
            <h6 class="mt-3 text-muted">新增团队数量</h6>
            <p class="fa-2x ">1</p>
          </div>
          <div class="m-3 col  rounded p-3 text-center current-tag">
            <i class="fa fa-grav fa-2x bg-info text-white"></i>
            <h6 class="mt-3 text-muted">新加入医生数量</h6>
            <p class="fa-2x ">12</p>
          </div>
          <div class="m-3 col rounded p-3 text-center current-tag">
            <i class="fa fa-trophy fa-2x bg-danger text-white"></i>
            <h6 class="mt-3 text-muted">本月冠军团队</h6>
            <p class="font-weight-bold" style="font-size: 20px;">天字一号 </p>
          </div>

        </div>
        <!-- 一行三栏 -->
        <div class="row pb-5 pt-5 bg-white">
          <div class="col-2 py-5 currentData">
            <h4 class=" pb-0 mb-0">新增居民</h4>
            <small class="text-muted">今日新签约居民数据</small>
            <ul class="list-group list-group-flush mt-4  mx-2">
              <li class="list-group-item">李爱民-50岁</li>
              <li class="list-group-item">陈明明-50岁</li>
              <li class="list-group-item">张磊-50岁</li>
              <li class="list-group-item">李安心-50岁</li>
              <li class="list-group-item">华右图-50岁</li>
              <li class="list-group-item">华左图-50岁</li>

            </ul>
          </div>
          <div class="col-4  py-5 currentData">
            <h4 class="pb-0 mb-0">本月各团队签约数据</h4>
            <small class="text-muted">本周新签约居民数据</small>
            <ul class="list-group mt-4  mx-2">
              <li class="list-group-item d-flex justify-content-between align-items-center">
                中石化关爱团队
                <span class="badge badge-success badge-pill">14</span>
              </li>
              <li class="list-group-item d-flex justify-content-between align-items-center">
                一汽大众关爱团队
                <span class="badge badge-success badge-pill">2</span>
              </li>
              <li class="list-group-item d-flex justify-content-between align-items-center">
                光明光电关爱团队
                <span class="badge badge-success badge-pill">1</span>
              </li>
              <li class="list-group-item d-flex justify-content-between align-items-center">
                农夫山泉关爱团队
                <span class="badge badge-success badge-pill">14</span>
              </li>
              <li class="list-group-item d-flex justify-content-between align-items-center">
                向阳桥中学关爱团队
                <span class="badge badge-success badge-pill">2</span>
              </li>
              <li class="list-group-item d-flex justify-content-between align-items-center">
                连山坡社区关爱团队
                <span class="badge badge-success badge-pill">1</span>
              </li>
            </ul>
          </div>
          <div class="col-6  py-5 currentData">
            <div class="row mx-2">
              <div class="col">
                <h4 class=" pb-0 mb-0">7日签约数据</h4>
                <small class="text-muted">连续7天的新签约居民数据</small>
              </div>
            </div>
            <div class="row mx-2 mt-4">
              <div class="col" style="height: 300px;" id="canvas1">

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>

  <script src="./../jquery/jquery-3.6.0.js"></script>
  <script src="./../bootstrap4/dist/js/bootstrap.bundle.js"></script>
  <script src="./../js/comm.js"></script>
  <script src="./../utils/echarts.js"></script>
  <script src="./../js/main.js"></script>
</body>

</html>